﻿<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>跑腿</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <meta name="HandheldFriendly" content="true">
        <!-- 微软的老式浏览器 -->
        <meta name="MobileOptimized" content="320">
        <!-- uc强制竖屏 -->
        <meta name="screen-orientation" content="portrait">
        <!-- QQ强制竖屏 -->
        <meta name="x5-orientation" content="portrait">
        <!-- UC强制全屏 -->
        <meta name="full-screen" content="yes">
        <!-- QQ强制全屏 -->
        <meta name="x5-fullscreen" content="true">
        <!-- windows phone 点击无高光 -->
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="initial-scale=1">
        <!--<link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>-->
        <link href="css/index.css" rel="stylesheet" type="text/css"/>
        
        <script src="js/rem.js" type="text/javascript"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/swiper.min.js"></script>
    </head>
    <body>
        <div style="max-width:750px; margin:0 auto;">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!--|first_page|-->
                    <div class="swiper-slide slide1">
                        <img src="img/ptez1.png" class="ani qmpt1">
                        <div class="xiexian1">
                            <img src="img/dp1.png" class="ani dp1">
                            <img src="img/dx1.png" class="ani dx1">
                            <img src="img/cx1.png" class="ani cx1">
                        </div>
                        <img src="img/sj1.png" class="ani sj1">
                        <img src="img/m_arrow.png" class="ani arrow">
                    </div>
                    <!--|End first_page|-->
                    <!--|second_page|-->
                    <div class="swiper-slide slide2">
                        <img src="img/p2.png" class="ani  p2">
                        <img src="img/p2s.png" class="ani  p2s">
                        <div class="xiexian2">
                            <img src="img/here.png" class="ani here">
                            <img src="img/cx2.png" class="ani cx2">
                            <img src="img/dx2.png" class="ani dx2">
                        </div>      
                        <img src="img/sj2.png" class="ani sj2">                 
                        <img src="img/m_arrow.png" class="ani arrow">
                    </div>
                    <!--|End second_page|-->
                    <!--|third_page|-->
                    <div class="swiper-slide slide3">
                        <img src="img/xg.png" class="ani xg"> 
                        <img src="img/ptez3.png" class="ani qmpt3">
                        <img src="img/fangbian.png" class="ani  span1">
                        <img src="img/kuaijie.png" class="ani  span2">
                        <img src="img/gaoxiao.png" class="ani  span3">
                        <img src="img/lkxz.png" class="ani lkxz">
                    </div>
                    <!--|End third_page|-->
                </div>
            </div>
        </div>
        <script src="js/index.js" type="text/javascript"></script>
    </body>
</html>
